<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Company detail</title>
</head>
<!-- bootstrap-------------------------------------------------------------------------------->

<script type="text/javascript" src="js/jquery.js"></script>
<!-- 
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery-1.11.1.js"></script> -->
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/localization/messages_vi.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/bootstrap.min.js"></script>
<!-------------------------------------------------------------------------------------------->
<style type="text/css">
span {
	color: red;
}
</style>


<!-- Import CSS Jquery cho WYSIWYG-------------------------------------------------------------->

<link rel="shortcut icon"
	href="http://mindmup.s3.amazonaws.com/lib/img/favicon.ico">
<link href="external/google-code-prettify/prettify.css" rel="stylesheet">
<link href="css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link
	href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.min.css"
	rel="stylesheet">
<link
	href="http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css"
	rel="stylesheet">

<script src="external/jquery.hotkeys.js"></script>
<script src="external/google-code-prettify/prettify.js"></script>
<link href="css/index.css" rel="stylesheet">
<script type="text/javascript">
		$(document).ready(function() {
			$.ajax({
				url : 'CompanyDetailController?companyId=1',
				type : 'GET',
				datatype : 'json',
				success : function(data) {
					var com = JSON.parse(data);
					$('#companyName').val(com.companyName);
				},
				error : function(data) {
					alert("Don't reload!");
				}
			});	
		}); 
	</script>
<body>
	<!-- Content -->
	<br />
	<br />

	<div class="col-md-12 column">
		<nav class="navbar navbar-default" role="navigation">
		<div class="navbar-header">
			<button type="button" class="navbar-toggle" data-toggle="collapse"
				data-target="#bs-example-navbar-collapse-1">
				<span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span
					class="icon-bar"></span><span class="icon-bar"></span>
			</button>
		</div>

		<div class="collapse navbar-collapse"
			id="bs-example-navbar-collapse-1" style="margin-right: 20%;">
			<ul class="nav navbar-nav navbar-right">
				<li><a class="btn btn-default btn-lg active" role="button"
					href="edit.jsp">Edit Company</a></li>
				<li><a class="btn btn-default btn-lg active" role="button"
					href="copyaddProduct.jsp">Add Product</a></li>
			</ul>
		</div>

		</nav>
	</div>

	<br />
	<div>
		<!-- 
		<div style="margin-left: 20%;">
		</div> -->
		<div class="col-xs-6 col-sm-6 col-md-6 col-lg-6" >
			<form class="form-horizontal" id="formCompany" name="formCompany"
				method="post" action="CompanyController"
				enctype="multipart/form-data">
				<div style="margin-left: 280px;">
					<table>
						<tr>
							<td><label class="col-lg-4 control-label">Company
									name <span class="mustEnter">(*)</span>
							</label></td>
							<td><input class="form-control" readonly="readonly"
								type="text" name="companyName" id="companyName"
								class="textfield" /></td>
							<td><input class="form-control" type="image"
								id="btnedcompanyName" src="Images/edit.png" /></td>
							<td><input class="form-control" type="image"
								id="btnsvcompanyName" src="Images/save.png" disabled="disabled" /></td>
						</tr>
						<tr>
							<td><label class="col-lg-4 control-label">Address <span
									class="mustEnter">(*)</span></label></td>
							<td><input class="form-control" type="text" name="address"
								id="address" class="textfield" readonly="readonly"/></td>
							<td><input class="form-control" type="image"
								id="btnedcompanyName" src="Images/edit.png" /></td>
							<td><input class="form-control" type="image"
								name="companyName" id="btnsvcompanyName" disabled="disabled"
								src="Images/save.png" /></td>
						</tr>
						<tr>
							<td><label class="col-lg-4 control-label">Phone
									number <span class="mustEnter">(*)</span>
							</label></td>
							<td><input class="form-control" type="text"
								name="phoneNumber" id="phoneNumber" class="textfield"
								readonly="readonly" /></td>
							<td><input class="form-control" type="image"
								id="btnedphoneNumber" src="Images/edit.png" /></td>
							<td><input class="form-control" type="image"
								id="btnsvphoneNumber" disabled="disabled" src="Images/save.png" /></td>
						</tr>
						<tr>
							<td><label class="col-lg-4 control-label"> Contact
									person <span class="mustEnter">(*)</span>
							</label></td>
							<td><input class="form-control" type="text"
								name="contactPerson" id="contactPerson" class="textfield"
								readonly="readonly"  /></td>
							<td><input class="form-control" type="image"
								id="btnedcontactPerson" src="Images/edit.png" /></td>
							<td><input class="form-control" type="image"
								id="btnsvcontactPerson" disabled="disabled"
								src="Images/save.png" /></td>
						</tr>

						<tr>
							<td><label class="col-lg-4 control-label"> Types of
									company</label></td>
							<td><Select class="form-control" name="typeOfProduct"
								id="typeOfProduct" disabled="disabled"></Select></td>
							<td><input class="form-control" type="image"
								id="btnedtypeOfCompany" src="Images/edit.png" /></td>
							<td><input class="form-control" type="image"
								id="btnsvtypeOfCompany" disabled="disabled"
								src="Images/save.png" /></td>
						</tr>

						<tr>
							<td><label class="col-lg-6 control-label"> No. of
									workers</label></td>
							<td><input class="form-control" type="text"
								name="noOfWorkers" id="noOfWorkers" class="textfield"
								readonly="readonly" /></td>
							<td><input class="form-control" type="image"
								id="btnednoOfWorkers" src="Images/edit.png" /></td>
							<td><input class="form-control" type="image"
								id="btnsvnoOfWorkers" disabled="disabled" src="Images/save.png" /></td>
						</tr>
						<tr>
							<td><label class="col-lg-6 control-label"> No. of
									lines </label></td>
							<td><input class="form-control" type="text" name="noOfLine"
								id="noOfLine" class="textfield" readonly="readonly" /></td>
							<td><input class="form-control" type="image"
								id="btnednoOfLines" src="Images/edit.png" /></td>
							<td><input class="form-control" type="image"
								id="btnsvnoOfLines" disabled="disabled" src="Images/save.png" /></td>
						</tr>
						<tr>
							<td><label class="col-lg-6 control-label"> No. of
									machines/line</label></td>
							<td><input class="form-control" type="text"
								name="noOfMachines" id="noOfMachines" class="textfield"
								readonly="readonly" /></td>
							<td><input class="form-control" type="image"
								id="btnednoOfMachines" src="Images/edit.png" /></td>
							<td><input class="form-control" type="image"
								id="btnsvnoOfMachines" disabled="disabled" src="Images/save.png" /></td>
						</tr>
						<tr>
							<td><label class="col-lg-6 control-label"> No. of
									branches</label></td>
							<td><input class="form-control" type="text"
								name="noOfBranches" id="noOfBranches" class="textfield"
								readonly="readonly" /></td>
							<td><input class="form-control" type="image"
								id="btnednoOfBranches" src="Images/edit.png" /></td>
							<td><input class="form-control" type="image"
								id="btnsvnoOfBranches" disabled="disabled" src="Images/save.png" /></td>
						</tr>
						<tr>
							<td><label class="col-lg-6 control-label"> Capacity
									of products</label></td>
							<td><input class="form-control" type="text"
								name="capacityOfProduct" id="capacityOfProduct"
								class="textfield" readonly="readonly" /></td>
							<td><input class="form-control" type="image"
								id="btnedcapacityOfProducts" src="Images/edit.png" /></td>
							<td><input class="form-control" type="image"
								id="btnsvcapacityOfProducts" disabled="disabled"
								src="Images/save.png" /></td>
						</tr>

						<tr>
							<td><label class="col-lg-6 control-label"> Time of
									textile</label></td>
							<td><input class="form-control" type="text"
								name="timeOfTextileMaterialorigin"
								id="timeOfTextileMaterialorigin" class="textfield"
								readonly="readonly" /></td>
							<td><input class="form-control" type="image"
								id="btnedtimeOfTextile" src="Images/edit.png" /></td>
							<td><input class="form-control" type="image"
								id="btnsvtimeOfTextile" disabled="disabled"
								src="Images/save.png" /></td>
						</tr>
						<tr>
							<td><label class="col-lg-6 control-label"> Time of
									textile origin</label></td>
							<td><input class="form-control" type="text"
								name="timeOfTextileMaterialorigin"
								id="timeOfTextileMaterialorigin" class="textfield"
								readonly="readonly" /></td>
							<td><input class="form-control" type="image"
								id="btnedtimeOfTextileOrigin" src="Images/edit.png" /></td>
							<td><input class="form-control" type="image"
								id="btnsvtimeOfTextileOrigin" disabled="disabled"
								src="Images/save.png" /></td>
						</tr>
						<tr>
							<td><label class="col-lg-4 control-label"><input
									type="hidden" name="sizeWorkShopImage" id="sizeWorkShopImage" /></label></td>
							<td colspan="3"><input class="form-control" type="hidden"
								name="sizeWareHouseImage" id="sizeWareHouseImage" /></td>
						</tr>

					</table>
				</div>
			</form>
		</div>
	</div>
	<!-- Content -->
	<div class="col-xs-6 col-sm-6 col-md-6 col-lg-4">
		<div class="panel panel-default" style="margin-right: 2%">
			<!-- Default panel contents -->
			<div class="panel-heading">
				<h2>
					<b>Recently update</b>
				</h2>
			</div>
			<div class="panel-body">
				<p>Update recently for company</p>
			</div>

			<!-- List group -->
			<ul class="list-group">
				<li class="list-group-item">Company A changed by MinhNT dateupdate 25/10</li>
				<li class="list-group-item">Company B changed by MinhNT dateupdate 22/10</li>
				<li class="list-group-item">Company c changed by binhNT dateupdate 15/10</li>
				<li class="list-group-item">Company c changed by binhNT dateupdate 1/10</li>
				<li class="list-group-item">Company c changed by binhNT dateupdate 20/8</li>
			</ul>
		</div>
	</div>
</body>
</html>